<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>浮动情景1：图片与文字环绕</title>
		<style>
		p{
			font-size:/* 16px;页面文字默认大小:16px */
			line-height: 20px; /* 浮动p块元素,内容行内元素 */
		    /* 结论：文本不能浮动 */
			}
			img{
				border: 1px solid red;
				float: left;
			}
				
		</style>
	</head>
	<body>
		<h1></h1>
		<img src="img/image_3.png" alt="太乙真人" height="250px" width="250px"/>
		<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Ab eos porro quos voluptate molestias autem architecto neque facere at molestiae quisquam tempore, repellendus ullam assumenda? Perspiciatis animi assumenda maxime quisquam? Lorem ipsum dolor sit amet consectetur, adipisicing elit. Quis et, deserunt aspernatur perspiciatis fuga aut consectetur. Perferendis minima praesentium, dolor beatae tenetur, est eius minus ipsam ea totam deleniti modi? Lorem ipsum dolor sit amet consectetur adipisicing elit. Facilis doloribus, ex nostrum omnis non ipsum, sequi perferendis beatae nisi molestiae adipisci ab voluptatum molestias magnam quod? At voluptas necessitatibus sapiente.</p>
	</body>
</html>